<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS快速入门</title>
<!--    注意：-->
<!--        1. 在head标签内，出现了<style type="text/css">，表示要写css的内容-->
<!--        2.div{}表示对div元素进行样式的指定-->
<!--        3.width：300px（属性）;表示对div样式的具体指定，可以有多个-->
<!--        4.如果有多个，使用 ; 隔开即可-->
<!--        5.当运行页面时，div就会被div{}渲染-->
    <style type="text/css">
        div{
            width: 200px;
            height: 100px;
            background-color:gold ;
        }
    </style>
</head>
<body>
<div>hello,北京</div>
<br>
<div>hello,上海</div>
<br>
<div>hello,天津</div>
<br>
</body>
</html>


<!--在没有css之前，我们想修改HTML元素的样式需要为每个HTML元素单独定义样式属性，费心费力，所以CSS出现了-->
<!--使用CSS将HTML页面 的内容与样式分离提高 web 开发的工作效率-->
<!--CSS可以让 html 元素（内容）+样式（CSS）分离，更好的控制页面-->